<!-- ⾃定义的薪⽔信息输⼊组件 -->
<template>
  姓名：<input v-model="userName"><br />
  薪⽔：<input type="number" v-model="salary">
</template>
<script lang="ts">
//组件名默认是⽂件名。如果不希望⽤⽂件名，也可以⾃定义
export default {
  name: "SalaryInfo"
}
</script>
<script setup lang="ts">
import { ref } from 'vue';
//响应式数据默认值
let userName = ref("unknown")
let salary = ref(1000)
//对外暴露属性。只有暴露出去，组件外部才能访问,不暴露则只有界面
defineExpose({ userName, salary })
</script>
<style></style>
